<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>天天放心购－首页</title>

    <!--	<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />-->
    <!--	<script type="text/javascript" th:src="@{/js/jquery.js}"></script>-->

    <link rel="stylesheet" th:href="@{/css/reset.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/main.css}" type="text/css"/>
    <script th:src="@{/js/jquery-1.12.4.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/jquery-ui.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/slide.js}" type="text/javascript"></script>
</head>
<body>
<!--头部  开始-->
<div th:include="~{global/header :: header}"></div>
<!--头部 结束-->

<!--导航和轮播部分 开始-->
<div class="search_bar clearfix">
    <a class="logo fl" th:href="@{/index}"><img th:src="@{/images/logo.png}"></a>
    <div th:include="~{global/search :: search}"></div>
    <div th:include="~{global/carCount :: carCount}"></div>
</div>

<div class="navbar_con">
    <div class="navbar">
        <h1 class="fl">全部商品分类</h1>
        <ul class="navlist fl">
            <li><a href="#">首页</a></li>
            <li class="interval">|</li>
            <li><a href="#">手机生鲜</a></li>
            <li class="interval">|</li>
            <li><a href="#">抽奖</a></li>
        </ul>
    </div>
</div>

<div class="center_con clearfix">
    <ul class="subnav fl">
        <li><a class="fruit" href="#model01">新鲜水果</a></li>
        <li><a class="seafood" href="#model02">海鲜水产</a></li>
        <li><a class="meet" href="#model03">猪牛羊肉</a></li>
        <li><a class="egg" href="#model04">禽类蛋品</a></li>
        <li><a class="vegetables" href="#model05">新鲜蔬菜</a></li>
        <li><a class="ice" href="#model06">速冻食品</a></li>
    </ul>
    <div class="slide fl">
        <ul class="slide_pics">
            <li><img alt="幻灯片" th:src="@{/images/所有商品/slide.jpg}"></li>
            <li><img alt="幻灯片" th:src="@{/images/所有商品/slide02.jpg}"></li>
            <li><img alt="幻灯片" th:src="@{/images/所有商品/slide03.jpg}"></li>
            <li><img alt="幻灯片" th:src="@{/images/所有商品/slide04.jpg}"></li>
        </ul>
        <div class="prev"></div>
        <div class="next"></div>
        <ul class="points"></ul>
    </div>

    <div class="adv fl">
        <a href="#"><img th:src="@{/images/所有商品/adv01.jpg}"></a>
        <a href="#"><img th:src="@{/images/所有商品/adv02.jpg}"></a>
    </div>
</div>
<!--导航和轮播部分 结束-->

<!--全部商品 开始-->
<div class="list_model">
    <div class="list_title clearfix">
        <h3 class="fl" id="model01">新鲜水果</h3>
        <div class="subtitle fl">
            <span>|</span>
            <a th:href="@{/produce/shop_message}"> 越南进口红心火龙果 3个装 大果 单果约450~500g </a>

            <a th:href="@{/produce/shop_message}">千里山 海南金煌芒果 1.75kg装</a>

            <a th:href="@{/produce/shop_message}">寻天果蔬 泰国山竹水果 京东生鲜 5A级 热带水果 2.5k</a>

            <a th:href="@{/produce/shop_message}">华圣 高原红富士苹果 6个装 1.2kg</a>
        </div>
        <a class="goods_more fr" id="fruit_more" th:href="@{/produce/readmoreShop}">查看更多 &gt;</a>
    </div>

    <div class="goods_con clearfix">
        <div class="goods_banner fl"><img th:src="@{/images/所有商品/banner01.jpg}"></div>
        <ul class="goods_list fl">
            <li th:each="product:${productList}" th:if="${product.category==1}">
                <h4><a th:href="@{'/produce/message?id='+${product.pId}}" th:text="${product.productName}"> 越南进口红心火龙果 3个装 大果
                    单果约450~500g </a></h4>
                <a th:href="@{'/produce/message?id='+${product.pId}}"><img th:src="@{'/images/所有商品/'+${product.img}}"></a>
                <div class="prize" th:text="'￥'+${product.price}">¥ 33.90</div>
            </li>

            <!--                    <li>-->
            <!--                        <h4><a th:href="@{/toProductMessage}">寻天果蔬 泰国山竹水果 京东生鲜 5A级 热带水果 2.5k</a></h4>-->
            <!--                        <a th:href="@{/toProductMessage}"><img th:src="@{/images/所有商品/5b4871e6N072f0d74.jpg}"></a>-->
            <!--                        <div class="prize">¥ 98.00</div>-->
            <!--                    </li>-->

            <!--                    <li>-->
            <!--                        <h4><a th:href="@{/toProductMessage}">中科农业 水果礼盒 水果提货券 礼券 238型 水果提货卡券</a></h4>-->
            <!--                        <a th:href="@{/toProductMessage}"><img th:src="@{/images/所有商品/5b18c158N35a55d7a.jpg}"></a>-->
            <!--                        <div class="prize">¥ 238.00</div>-->
            <!--                    </li>-->

            <!--                    <li>-->
            <!--                        <h4><a th:href="@{/toProductMessage}">维叶新鲜水果香蕉约17-23条天宝水果生鲜青蕉 香蕉17-2</a></h4>-->
            <!--                        <a th:href="@{/toProductMessage}"><img th:src="@{/images/所有商品/5b514c51N8170488f.jpg}"></a>-->
            <!--                        <div class="prize">¥ 29.90</div>-->
            <!--                    </li>-->
        </ul>
    </div>
</div>

<div class="list_model">
    <div class="list_title clearfix">
        <h3 class="fl" id="model02">海鲜水产</h3>
        <div class="subtitle fl">
            <span>|</span>
            <a th:href="@{/produce/toProductMessage}">大洋世家 原装进口冷冻阿根廷红虾 L1</a>

            <a th:href="@{/produce/toProductMessage}">Ωmega 原装进口熟冻新西兰全壳青口贝</a>

            <a th:href="@{/produce/toProductMessage}">三都港 冷冻无公害黄花鱼 700g 2条</a>

            <a th:href="@{/produce/toProductMessage}">阳澄联合 阳澄湖大闸蟹礼券1988型公4.0两 母3.0两 </a>
        </div>
        <a class="goods_more fr" th:href="@{/produce/readmoreShop}">查看更多 &gt;</a>
    </div>

    <div class="goods_con clearfix">
        <div class="goods_banner fl"><img th:src="@{/images/所有商品/banner02.jpg}"></div>
        <ul class="goods_list fl">
            <li th:each="product:${productList}" th:if="${product.category==2}">
                <h4><a th:href="@{'/produce/message?id='+${product.pId}}" th:text="${product.productName}">阳澄联合
                    阳澄湖大闸蟹礼券1988型公4.0两 母3.0两 </a></h4>
                <a th:href="@{'/produce/message?id='+${product.pId}}"><img th:src="@{'/images/所有商品/'+${product.img}}"></a>
                <div class="prize" th:text="'￥'+${product.price}">¥ 199.00</div>
            </li>
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a th:href="@{/toProductMessage}">Ocean Gala 冷冻阿拉斯加黄金鲽鱼 1kg 2-3条</a></h4>-->
            <!--                        <a th:href="@{/toProductMessage}"><img th:src="@{/images/所有商品/5addb366Nb137c891.jpg}"></a>-->
            <!--                        <div class="prize">¥ 35.90</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a th:href="@{/toProductMessage}">大洋世家 原装进口冷冻阿根廷红虾 L1</a></h4>-->
            <!--                        <a th:href="@{/toProductMessage}"><img th:src="@{/images/所有商品/577f85a7N39f40c35.jpg}"></a>-->
            <!--                        <div class="prize">¥ 138.00</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="/toProductMessage">Ωmega 原装进口熟冻新西兰全壳青口贝</a></h4>-->
            <!--                        <a href="/toProductMessage"><img th:src="@{/images/所有商品/57c4e212N9e09772f.jpg}"></a>-->
            <!--                        <div class="prize">¥ 49.90</div>-->
            <!--                    </li>-->
        </ul>
    </div>
</div>

<div class="list_model">
    <div class="list_title clearfix">
        <h3 class="fl" id="model03">猪牛羊肉</h3>
        <div class="subtitle fl">
            <span>|</span>
            <a th:href="@{/produce/toProductMessage}">精气神 猪肉馅(70%瘦肉) 400g/</a>

            <a th:href="@{/produce/toProductMessage}">恒都 羔羊排 1.2kg/袋 烧烤食材</a>

            <a th:href="@{/produce/toProductMessage}">恒都 菲力西冷牛排套餐 1.5kg/袋</a>

            <a th:href="@{/produce/toProductMessage}">领券199减100【周黑鸭_锁鲜】卤鸭脖320g鸭锁骨240</a>


        </div>
        <a class="goods_more fr" th:href="@{/produce/readmoreShop}">查看更多 &gt;</a>
    </div>

    <div class="goods_con clearfix">
        <div class="goods_banner fl"><img th:src="@{/images/所有商品/banner03.jpg}"></div>
        <ul class="goods_list fl">
            <li th:each="product:${productList}" th:if="${product.category==3}">
                <h4><a th:href="@{'/produce/message?id='+${product.pId}}" th:text="${product.productName}">领券199减100【周黑鸭_锁鲜】卤鸭脖320g鸭锁骨240</a>
                </h4>
                <a th:href="@{'/produce/message?id='+${product.pId}}"><img th:src="@{'/images/所有商品/'+${product.img}}"></a>
                <div class="prize" th:text="'￥'+${product.price}">¥ 118.90</div>
            </li>
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">如意三宝 10片/1540g 澳洲进口原切牛排套餐 菲力4片</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/59ba49beNfa4afb17.jpg}"></a>-->
            <!--                        <div class="prize">¥ 265.00</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">恒都 羔羊排 1.2kg/袋 烧烤食材</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/57e3aea6N5d8f4459.jpg}"></a>-->
            <!--                        <div class="prize">¥ 59.90</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">精气神 猪肉馅(70%瘦肉) 400g/</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/57cd6554N11b56a5e.jpg}"></a>-->
            <!--                        <div class="prize">¥ 9.90</div>-->
            <!--                    </li>-->
        </ul>
    </div>
</div>

<div class="list_model">
    <div class="list_title clearfix">
        <h3 class="fl" id="model04">禽类蛋品</h3>
        <div class="subtitle fl">
            <span>|</span>
            <a th:href="@{/produce/shop_message}">正大食品CP 单冻鸡翅中 1000g/袋</a>

            <a th:href="@{/produce/shop_message}">高邮神邮牌咸鸭蛋（熟65g*20只）真空</a>

            <a th:href="@{/produce/shop_message}">德青源 爱的鲜鸡蛋 32枚</a>

            <a th:href="@{/produce/shop_message}">边大哥 散养鲜鹅蛋 12枚</a>
        </div>
        <a class="goods_more fr" th:href="@{/produce/readmoreShop}">查看更多 &gt;</a>
    </div>

    <div class="goods_con clearfix">
        <div class="goods_banner fl"><img th:src="@{/images/所有商品/banner04.jpg}"></div>
        <ul class="goods_list fl">
            <li th:each="product:${productList}" th:if="${product.category==4}">
                <h4><a th:href="@{'/produce/message?id='+${product.pId}}" th:text="${product.productName}">边大哥 散养鲜鹅蛋 12枚</a>
                </h4>
                <a th:href="@{'/produce/message?id='+${product.pId}}"><img th:src="@{'/images/所有商品/'+${product.img}}"></a>
                <div class="prize" th:text="'￥'+${product.price}">¥ 109.00</div>
            </li>
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">春朝 新鲜鸽子蛋 10枚</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/590c63b4N63036e65.jpg}"></a>-->
            <!--                        <div class="prize">¥ 57.00</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">高邮神邮牌咸鸭蛋（熟65g*20只）真空</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/57481b77Nbed0cff5.jpg}"></a>-->
            <!--                        <div class="prize">¥ 39.99</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">德青源 爱的鲜鸡蛋 32枚</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/57b5151aN00a63bf1.jpg}"></a>-->
            <!--                        <div class="prize">¥ 36.50</div>-->
            <!--                    </li>-->
        </ul>
    </div>
</div>

<div class="list_model">
    <div class="list_title clearfix">
        <h3 class="fl" id="model05">新鲜蔬菜</h3>
        <div class="subtitle fl">
            <span>|</span>
            <a th:href="@{/produce/shop_message}">BOLTHOUSE 美国原装进口 水果胡</a>

            <a th:href="@{/produce/shop_message}">聚怀斋 焦作温县沙土铁棍山药 3kg礼盒</a>

            <a th:href="@{/produce/shop_message}">富爸爸 韩国风味泡菜 切件瓶装白菜泡菜</a>

            <a th:href="@{/produce/shop_message}">有机汇 有机蔬菜套餐 3口之家 新鲜蔬菜 宅配 月度 6斤*</a>
        </div>
        <a class="goods_more fr" th:href="@{/produce/readmoreShop}">查看更多 &gt;</a>
    </div>

    <div class="goods_con clearfix">
        <div class="goods_banner fl"><img th:src="@{/images/所有商品/banner05.jpg}"></div>
        <ul class="goods_list fl">
            <li th:each="product:${productList}" th:if="${product.category==5}">
                <h4><a th:href="@{'/produce/message?id='+${product.pId}}" th:text="${product.productName}">蔡家洼 北京密云茴香菜 饺子馅新鲜蔬菜
                    500g</a></h4>
                <a th:href="@{'/produce/message?id='+${product.pId}}"><img th:src="@{'/images/所有商品/'+${product.img}}"></a>
                <div class="prize" th:text="'￥'+${product.price}">¥ 11.20</div>
            </li>
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">有机汇 有机蔬菜套餐 3口之家 新鲜蔬菜 宅配 月度 6斤*</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/594c8c8fN707ca024.jpg}"></a>-->
            <!--                        <div class="prize">¥ 67.00</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">富爸爸 韩国风味泡菜 切件瓶装白菜泡菜</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/57a9a823N2c38934e.jpg}"></a>-->
            <!--                        <div class="prize">¥ 19.90</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">聚怀斋 焦作温县沙土铁棍山药 3kg礼盒</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/57fee44fN7427cd09.jpg}"></a>-->
            <!--                        <div class="prize">¥ 59.00</div>-->
            <!--                    </li>-->
        </ul>
    </div>
</div>

<div class="list_model">
    <div class="list_title clearfix">
        <h3 class="fl" id="model06">速冻食品</h3>
        <div class="subtitle fl">
            <span>|</span>
            <a th:href="@{/produce/shop_message}">一品奶黄包 350g （10只）</a>

            <a th:href="@{/produce/shop_message}">湾仔码头 手工水饺 玉米蔬菜猪肉口味 7</a>

            <a th:href="@{/produce/shop_message}">上汤小云吞 鲜美虾皇口味 600g</a>

            <a th:href="@{/produce/shop_message}">元祖 GANSO 奶油水果鲜奶蛋糕 生日蛋糕同城配送 甜蜜如</a>
        </div>
        <a class="goods_more fr" th:href="@{/produce/readmoreShop}">查看更多 &gt;</a>
    </div>

    <div class="goods_con clearfix">
        <div class="goods_banner fl"><img th:src="@{/images/所有商品/banner06.jpg}"></div>
        <ul class="goods_list fl">
            <li th:each="product:${productList}" th:if="${product.category==6}">
                <h4><a th:href="@{'/produce/message?id='+${product.pId}}" th:text="${product.productName}">元祖 GANSO 奶油水果鲜奶蛋糕
                    生日蛋糕同城配送 甜蜜如</a></h4>
                <a th:href="@{'/produce/message?id='+${product.pId}}"><img th:src="@{'/images/所有商品/'+${product.img}}"></a>
                <div class="prize" th:text="'￥'+${product.price}">¥ 158.00</div>
            </li>
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">八喜 冰淇淋 甜筒组合装 巧克力口味 68g*5支 脆皮甜筒</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/57b587b6N97ef9e91.jpg}"></a>-->
            <!--                        <div class="prize">¥ 29.00</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">伊利 畅轻 风味发酵乳 燕麦+黄桃口味酸奶酸牛奶 250g*</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/5af04933N83958117.jpg}"></a>-->
            <!--                        <div class="prize">¥ 8.50</div>-->
            <!--                    </li>-->
            <!--				-->
            <!--                    <li>-->
            <!--                        <h4><a href="shop_message.html">一品奶黄包 350g （10只）</a></h4>-->
            <!--                        <a href="shop_message.html"><img th:src="@{/images/所有商品/5523aa83N67e99470.jpg}"></a>-->
            <!--                        <div class="prize">¥ 11.90</div>-->
            <!--                    </li>-->
        </ul>
    </div>
</div>
<!--全部商品 结束-->

<!--底部 开始-->
<div th:include="~{global/header :: footer}"></div>
<!--底部 结束-->

<script>


    let pending = false;

</script>
</body>
</html>